import React, { Component } from 'react'
import { connect } from 'react-redux'
import { Link, History } from 'react-router'
import Tappable from "react-tappable"

import './menu.less'


export default class MenuUl extends Component {
  constructor(props){
    super(props)
  }
  render() {
    const { channels } = this.props

    return (
      <ul className="menu-ul menu-ul-style">
        {channels.map((channel, index) => (
        	<li key={channel.get('channel_id')}
        		className="menu-li-style"
            style={{display: (channel.get('channel_name') == '本地' ? 'none' : 'inline-block')}}>
            <Link
              className="a-link menu-a-style"
              to={`/articles/${channel.get('channel_id')}`}>
              {channel.get('channel_name')}
            </Link>
        	</li>
        ))}
      </ul>
    )
  }
}